.charinfo {
	display: grid;

	grid-template-columns: [startcol] 1fr [midpoint] 3fr [endcols];
	grid-template-rows: auto;
	
	column-gap: 0;
	row-gap: 0;
	margin-bottom: 1em;
	} 

.charinfo div {
	padding: 0.5em;
	border-style: dotted;
	border-color: var(--textcolour);
	border-width: 0 0 1px 0;
	}

.char_item { 
	grid-column-start: startcol;
	grid-column-end: midpoint;
	font-weight: bold; 
	}
.char_desc { 
	grid-column-start: midpoint; 
	grid-column-end: endcols; 
	}